<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- [css] 对比下px、em、rem有什么不同？ -->
  px 定长，放大缩小不改变，不同设备dpr( 物理像素 / 独立像素)不同，低分辨率屏幕dpr=1，高分辨率屏幕>1

em相对大小，当前字体的倍数

rem相对大小，类似于em，根元素html字体大小的倍
</body>
</html>
<style>

</style>